<!DOCTYPE html>
<html>
<head>
    <title>{$site_name}</title>
    <meta name="keywords" content="{$site_seo_keywords}" />
    <meta name="description" content="{$site_seo_description}">
    <meta name="author" content="ThinkCMF">
    <tc_include file="Public:head" />
    <style>
        *{
            margin: 0;
            padding: 0;
            font-family:Microsoft YaHei;
        }
        li{
            list-style: none;
        }
        a{
            text-decoration:none;
            color:  #333333;
        }
        #tabtop{
            width: 830px;
            height: 40px;
            border-bottom:1px solid  #c5c5c5;
            /*display: flex;*/
            justify-content: center;
            line-height: 48px;
        }
        #tabtop a{
            cursor: pointer;
            font-size: 16px;
            margin-right: 100px;
        }
        a {
            color: #000232;
        }
        #tabtop span:last-child{
            /*margin-left: 236px;*/
            margin-right: 0;
        }
        #tabtop .btn{
            background-color: #fff;
            color: #c8161d;
            font-size: 22px;
        }
        .contribute_list{
            /*float: right;*/

            margin-top:40px;
        }
        .contribute_list li {
            width: 828px;
            height: 80px;
            border-bottom:1px solid #efefef;
            position: relative;
            margin-bottom:40px;
        }
        .contribute_title{
            font-size: 24px;
            color: #333333;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        .contribute_time{
            font-size: 16px;
            color: #c5c5c5;
            margin-top:26px;
        }
        .contribute_time span:nth-child(2){
            margin-left: 70px;
        }
        .contribute_classification img{
            width: 24px;
        }
        .contribute_classification span:first-child{
            margin-right: 66px;
        }
        .color-tab {
            color: #c8161d;
            text-align: center;
        }
        .list-group{
            margin-left: 50px;
        }
        /*个人的中心布局样式调整*/
        .container {
            width: 1190px;
        }
        .container .title{
            font-size: 16px;
            color: #000232;
            line-height: 48px;
            padding-left: 60px;
            border-bottom: 1px solid #676884;
            margin-bottom: 18px;
        }
        .row {
            margin-left: 0px!important;
            width: 1190px!important;

        }
        .span3 {
            margin-left: 0;
            width: 280px;
        }
        .span9 {
            width: 830px;
            margin-left: 80px;
        }
        /*个人的中心布局样式调整结束*/
    </style>
</head>
<body class="body-white" id="top">
<tc_include file="Public:nav" />

<div class="container tc-main">
    <div class="row" style="margin-left: -115px;">
        <div class="span3">
            <tc_include file="Public:usernav"/>
        </div>
        <div class="span9">
            <p id="tabtop">
                <a data-type="1"><span>问答订单({$count})</span></a>
            </p>
            <div id="tabcontent">
                <div class="active">
                    <ul class="contribute_list">
                        <volist name="lists" id="vo">
                            <li>
                                <a href="{:U('Question/Question/question_info', ['id' => $vo['goods_id']])}">
                                    <p class="contribute_title">{$vo.post_title}</p>
                                    <p class="contribute_time">{:time_format($vo['created_at'])}</p>
                                </a>
                            </li>
                        </volist>
                    </ul>
                    <if condition="empty($lists)">
                        <div style="width: 350px;height: 266px;margin: 40px auto 0;"><img src="/public/images/img/replace.png" alt="" style="width: 100%;height: auto;"></div>
                    </if>
                    <div style="width:110px;height: 30px;border-radius: 15px;border: 1px solid #C8161D; color: #C8161D;font-size: 15px;text-align: center;
                line-height: 30px;margin-left: 350px; " class="js-infinite-scroll-loading text-center fontmsyhbd">更多</div>
                    <div id="nextpage"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- /container -->
<tc_include file="Public:footer" />
<tc_include file="Public:scripts" />

<script src="__TMPL__Public/assets/js/jquery.infiniteScroll.js"></script>
<script src="__PUBLIC__/js/layer/layer_1.js"></script>
<script>
    $(function(){
        $('#nextpage').infiniteScroll({
            loading:'.js-infinite-scroll-loading',
            total_pages:{$total_page},
            success:function(content){
                var $items = $(content).find('.contribute_list li');
                if ($items.length > 0) {
                    $('.contribute_list').append($items);
                }
            }
        });
    });
</script>
<script>
    $(function () {
        setTimeout(anim,500);
        function anim(){
            $(".animate_center_question").find(".menu_main").animate({
                marginLeft:'-64px'
            },200);
            $(".animate_center_question").find(".menu_list").animate({
                height:"54px",
                paddingTop:'12px',
                marginLeft:'10px'
            },200);
            $(".animate_center_question").find(".tab_question").addClass("active");
        }
    })
</script>
</body>
</html>